COLORES DE TEXTO

Este es un párrafo común. Observa que este texto es azul. El color de texto predeterminado para la página se define en el selector body.

Otro párrafo.

COLOR DE TEXTO Y COLOR DE FONDO

Esta página tiene un color de fondo gris claro y un texto azul.

Este es un div.

ALINEACIÓN DE TEXTO

Encabezado 1 (centrado)

Encabezado 2 (alineado a la izquierda)

Encabezado 3 (alineado a la derecha)

Los tres encabezados anteriores están alineados al centro, a la izquierda y a la derecha.

Este párrafo está justificado. Esto significa que el texto se alinea uniformemente a lo largo del margen izquierdo y derecho, lo que da un aspecto más limpio y profesional al bloque de texto.

ALINEAR TEXTO AL FINAL

text-align-last: derecha

La inteligencia artificial (IA) es una rama de la informática que se centra en la creación de sistemas capaces de realizar tareas que normalmente requieren inteligencia humana. Esto incluye desde el reconocimiento de voz y la visión por computadora, hasta la toma de decisiones complejas. La IA está transformando industrias enteras, desde la medicina hasta la educación.

text-align-last: centrado

La inteligencia artificial no solo se utiliza en grandes empresas tecnológicas, sino también en aplicaciones cotidianas como asistentes virtuales, recomendaciones de contenido y traductores automáticos. Gracias al aprendizaje automático, estos sistemas pueden mejorar continuamente su desempeño con base en la experiencia.

text-align-last: justificado

Aunque la IA ofrece grandes beneficios, también plantea desafíos importantes. Existen preocupaciones sobre la ética en el uso de estos sistemas, el impacto en el empleo, la privacidad de los datos y la toma de decisiones automatizada. Es fundamental desarrollar la inteligencia artificial de manera responsable y transparente.

DIRECCIÓN DEL TEXO

Este es un texto con dirección de izquierda a derecha (por defecto). Se utiliza en la mayoría de los idiomas occidentales, como el español o el inglés.

Este es un texto con dirección de derecha a izquierda. Aunque está en español, la dirección simula cómo se escribiría en idiomas como el árabe o el hebreo.

img.a { vertical-align: baseline; } img.b { vertical-align: text-top; } img.c { vertical-align: text-bottom; } img.d { vertical-align: sub; } img.e { vertical-align: super; }

ALINEACIÓN VERTICAL

vertical-align: baseline (predeterminado):

Una imagen cuadro alineada con la línea base del texto (por defecto).

vertical-align: text-top:

Una imagen cuadro alineada con la parte superior del texto.

vertical-align: text-bottom:

Una imagen cuadro alineada con la parte inferior del texto.

vertical-align: sub:

Una imagen cuadro alineada como subíndice.

vertical-align: super:

Una imagen cuadro alineada como superíndice.

DECORACIÓN DEL TEXTO

Texto con línea superior (overline)

Texto con línea tachada (line-through)

Texto subrayado (underline)

Texto con línea superior e inferior al mismo tiempo.

Especifique un color para la línea de decoración

Decoración con línea superior (color rojo)

Decoración con línea tachada (color azul)

Decoración con subrayado (color verde)

Decoración con línea superior e inferior (color púrpura).

Especifique un estilo para la línea de decoración

Subrayado con estilo sólido (por defecto)

Subrayado con doble línea

Subrayado con puntos (dotted)

Subrayado con línea discontinua (dashed).

Subrayado ondulado (wavy).

Subrayado ondulado y de color rojo.

Transformación de texto

Este texto se convierte completamente en MAYÚSCULAS.

ESTE TEXTO SE CONVIERTE COMPLETAMENTE EN minúsculas.

este texto muestra cada palabra con la primera letra en mayúscula.

Uso de sangría en el texto

Sangría de texto

En mis años más jóvenes y vulnerables, mi padre me dio un consejo que he estado reflexionando desde entonces. "Cada vez que sientas ganas de criticar a alguien", me dijo, "recuerda que no todas las personas en este mundo han tenido las ventajas que tú has tenido".

Espaciado entre letras

Este es un encabezado 1

Este es un encabezado 2

Altura de la línea

Este es un párrafo con un interlineado estándar.
El interlineado predeterminado en la mayoría de los navegadores es de aproximadamente 110% a 120%.

Este es un párrafo con un interlineado más pequeño.
Este es un párrafo con un interlineado más pequeño.

Este es un párrafo con un interlineado más grande.
Este es un párrafo con un interlineado más grande.

Espaciado entre palabras

Este es un párrafo con espaciado normal entre palabras.

Este es un párrafo con espaciado mayor entre palabras.

Este es un párrafo con espaciado menor entre palabras.

Espacio en Blanco

Este es un texto que no se ajustará al ancho del contenedor. Este es un texto que no se ajustará al ancho del contenedor. Este es un texto que no se ajustará al ancho del contenedor. Este es un texto que no se ajustará al ancho del contenedor. Este es un texto que no se ajustará al ancho del contenedor. Este es un texto que no se ajustará al ancho del contenedor. Este es un texto que no se ajustará al ancho del contenedor. Este es un texto que no se ajustará al ancho del contenedor. Este es un texto que no se ajustará al ancho del contenedor.

¡Intenta quitar la propiedad white-space para ver la diferencia!

Sombras de Texto

¡Efecto de sombra en el texto!

¡Efecto de sombra en el texto!

¡Efecto de sombra en el texto!

¡Efecto de sombra en el texto!

¡Efecto de sombra en el texto!

¡Efecto de sombra en el texto!

¡Efecto de sombra en el texto!